jjzjj

GPUImage – 纯色 GPUImageSolidColorGenerator

全部标签

Angular 17+ 高级教程 – NgModule

前言NgModule在Angularv14以前是一门必修课。然而,自Angularv14推出StandaloneComponent以后,它的地位变得越来越边缘化了。本教程从开篇到本篇,所有例子使用的都是 StandaloneComponent,一点NgModule的影子也没有😔。但是!NgModule还是有价值的,而且在越复杂的项目中你越可以感受到它的价值。本篇,就让我们一起学习这个被遗忘了但其实很强大的NgModule吧🚀。 NgModule有啥用?NgModule主要是用于(组件/指令/Pipe)的管理。是的,你没听错--管理。一个项目即使完全不使用NgModule也不会有什么功能做不出来

NAS系统折腾记 – Emby搭建家庭多媒体服务器

Emby简介Emby是一款优秀的媒体服务器软件,致力于为用户提供丰富的多媒体体验。通过Emby,您可以方便地在家庭内的各种设备上观看您喜爱的电影、电视剧和其他视频内容。而且,Emby还具备强大的媒体管理功能,让您的影视资源井然有序,随时随地畅享观影乐趣。本文介绍了在SynologyNAS上安装和配置EmbyServer的完整过程。文章最后还有关于EmbyPremiere和高清影音内容的分享,请耐心开到最后哦。Emby的主要功能和优势跨平台支持:Emby支持多种操作系统,包括Windows、macOS、Linux等,同时提供了适用于iOS、Android、Roku等设备的应用,让您无论身处何地,

Flink on Zeppelin (4) – 机器学习篇

今天我来讲下如何在Zeppelin里做机器学习。机器学习的重要性我就不多说了,我们直奔主题。Flink在机器学习这个领域发力较晚,社区版没有一个完整的机器学习算法库可以用,Alink[1]是目前Flink生态圈相对比较完整的机器学习算法库,Alink也在往Flink社区贡献的路上。今天我主要讲的就是如何在Zeppelin里使用Alink。为什么在Zeppelin平台使用AlinkZeppelin已经很好的集成了Flink,在Zeppelin中使用Alink可以充分利用Zeppelin集成Flink所提供的特性,包括:支持丰富的执行模式:Local/Remote/Yarn支持对接Hive支持UD

Angular 17+ 高级教程 – Component 组件 の Control Flow

 前言ControlFlow是Angularv17版本后推出的新模板语法,用来取代NgIf、NgForOf、NgSwitch这3个StructureDirective。StructureDirective的好处是比较灵活,原理简单,但是即便用了微语法,它看上去还是相当繁琐,而且不够优雅。ConrolFlow的好处是它的语法够美,缺点是不必StructureDirective灵活,开发者无法做任何customize,只能看Angular给什么用什么。 参考Docs–Built-incontrolflowDocs– DeferrableViews @if@elseif @else这个是NgIf指令

Angular 17+ 高级教程 – Component 组件 の Structural Directive (结构型指令) & Syntax Reference (微语法)

前言在 AttributeDirectives属性型指令文章中,我们学习过了指令。指令是没有HTML和CSS的组件,它单纯用于封装JS的部分。这一篇我们将继续学习另一种指令-- StructuralDirective结构型指令。就代码而言,StructuralDirective和 AttributeDirectives是完全一样的,只是用途不同,因此进行了区分。AttributeDirectives通常用于监听事件,修改class,styles等等。而StructuralDirective则主要用于修改DOM结构。在 DynamicComponent和ng-template 文章中,我们学习了

【工具】Raycast – Mac提效工具

🌈个人主页:鑫宝Code🔥热门专栏:闲话杂谈|炫酷HTML|JavaScript基础​💫个人格言:"如无必要,勿增实体"引入以前看到同事们锁屏的时候,不知按了什么键,直接调出这个框,然后输入lock屏幕就锁了。跟我习惯的按Mac开机键不大一样。个人觉得还是蛮炫酷的~调研但是由于之前比较繁忙,这件事其实都忘的差不多了,直到后来看帖子看到一个问题才让我继续往下调研。问题是Raycast相比Alfred好在哪。凭借我多年的看《名侦探柯南》的经验,线索已经找到了。Raycast和Alfred,但我秉持着只用一个同类型软件的原因,于是对这两款软件进行调研。Alfred付费策略:需要付费,价格35英镑,大

Angular 17+ 高级教程 – Component 组件 の ng-template

前言上一篇 DynamicComponent 我们有提到,作为MVVM框架的Angular需要有方法替代掉2个DOMManipulation:document.createElement template.content.cloneDynamicComponent便是替代document.createElement的方案。而这篇我们要讲的ng-template则是template.content.clone的替代方案。 ng-templateの简单使用我们从浅入深,一个一个特性介绍,最后才逛源码,看看原理机制。提醒:为了更容易体会到细节,我把ngZone关了,所有组件都设置成ChangeDet

Angular 17+ 高级教程 – Component 组件 の Query Elements

前言Angular是MVVM框架。MVVM的宗旨是"不要直接操作DOM"。在 Component组件のTemplateBindingSyntax文章中,我们列举了一些常见的DOMManipulation。constelement=document.querySelector('.selector')!;//queryelementelement.textContent='value';//updatetextelement.title='title';//updatepropertyelement.setAttribute('data-value','value');//setattribut

Angular 17+ 高级教程 – Component 组件 の Dependency Injection & NodeInjector

前言在 DependencyInjection依赖注入 文章中,我们学习了50%的AngularDI知识,由于当时还不具备组件知识,所以我们无法完成另外50%的学习。经过了几篇组件教程后,现在我们已经具备了基础的组件知识,那这一篇我们便来完成AngularDI所有内容吧。 主要参考AngularinDepth– ADeepDiveinto@InjectableandprovidedIninIvy被删– Angular冷知识--布隆过滤器 R3Injector,NullInjector,NodeInjector这世界上不只有R3Injector。在DependencyInjection依赖注入 

Angular 17+ 高级教程 – Component 组件 の 生命周期钩子 (Lifecycle Hooks)

前言之前在Component组件のAngularComponentvsCustomElements 文章中,我们有学习过几个基础的LifecycleHooks。比如 OnChanges、OnInit、AfterViewInit、OnDestroy,但那篇只是微微带过而已。这篇让我们来深入理解Angular的 LifecycleHooks。 介绍在 Component组件のDependencyInjection&NodeInjector 文章中,我们看见了组件从无到有的创建与渲染过程。整个过程可以被分解成多个阶段,每一个阶段的组件都处于不同的形态。比如A阶段,组件只是个Definition。B阶